<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>青年帮</title>
<link href="css/index.css" type="text/css" rel="stylesheet">
<link href="css/font-awesome/css/font-awesome.css" type="text/css" rel="stylesheet">
</head>

<body>
<div id="wrapper">
<header>
<div id="h-content">
<img src="images/logo.png">
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#" id="now"> 案例展示</a></li>
<li><a href="#">最新文章</a></li>
<li><a href="#">帮店助手</a></li>
<li><a href="#">设计导航</a></li>
<li><a href="#"><i class="fa fa-user"></i>关注我们</a></li>
</ul>
</nav>
</div>
</header>


<section>
<div id="head">
<h1>Case Presentation</h1>
<h2>案例展示</h2>
<h3>优质的服务，对客户的负责是我们永恒的宗旨</h3>
</div>
<nav>
<ul>
<li id="location">您当前所在位置：</li>
<li><a href="#">首页 > </a></li>
<li>案例展示</li>
</ul>
</nav>

<div id="pic">
<div class="ww">
<img src="images/1.jpg">
<div class="sm">
<a href="#"><p>第一句话</p> </a>
</div>
</div> 
<div class="ww">
<img src="images/2.jpg">
<div class="sm">
<a href="#"><p>第二句话</p> </a>
</div>
</div> 
<div class="ww">
<img src="images/3.jpg">
<div class="sm">
<a href="#"><p>第三句话</p> </a>
</div>
</div>
<div class="ww">
<img src="images/4.jpg">
<div class="sm">
<a href="#"><p>第四句话</p> </a>
</div>
</div> 
<div id="foot" >

<input type="button" value="<<">
<input type="button" value="<">
<input type="button" value="1">
<input type="button" value="2">
<input type="button" value=">">
<input type="button" value=">>">

</div>
</section>
</body>
</html>
